{include file="public/header" /}
<body class="hide-top bgc">
<div class="submit-container">
    <img src="/static/index/img/icon78.png" alt="">
    <div class="submit-content">
        <div class="submit-hd flex-center">
            <i class="layui-icon layui-icon-left"></i>退货申请
        </div>

        <div class="order-det-staute">
<!--            <p class="order-det-status">{$info.friendlyText}</p>-->
        </div>

        <div class="submit-site flex-layout order-det-site">
            <div>
                <div>
                    <img src="/static/index/img/icon56.png" alt="">{$info.receiver} {$info.receiver_tel}
                </div>
                <p>{$info.p.title}{$info.c.title}{$info.d.title}{$info.address_details}</p>
            </div>
        </div>

        <div class="submit-pro">
            <ul class="submit-pro-list">
                {foreach name="info.productsField" item="vo"}
                <li>
                    <p class="flex-center">
                        <img src="{$vo.icon}" alt="">
                    </p>
                    <div class="center">
                        <p class="multi">{$vo.title}</p>
<!--                        <p class="spec">7颗施华洛世奇锆·手链+礼盒证书，优惠套装4</p>-->
                    </div>
                    <div class="rgt">
                        <p class="price"> <span>{$vo.vip_price}</span></p>
                        <p>x{$vo.num}</p>
                    </div>
                </li>
                {/foreach}
            </ul>
            <ul class="submit-pro-form">
                <li>买家留言：{$vo.remark?:''}</li>
            </ul>
        </div>

        <div class="submit-pro">
            <ul class="submit-pro-form">
                <li>商品总额
                    <p> {$info.real_amount - $info.freight}</p>
                </li>
<!--                <li>总运费-->
<!--                    <p> {$info.freight}</p>-->
<!--                </li>-->
                <li class="real-money">实付款：<span> {$info.real_amount}</span></li>
            </ul>
        </div>

        <ul class="order-det-form">
            <li>
                <p class="name">订单编号：</p>
                <p id="copy">{$info.sn}</p>
            </li>
            <li>
                <p class="name">下单时间：</p>
                <p>{$info.create_time}</p>
            </li>
            <li>
                <p class="name">支付方式：</p>
                <p>{$info.pay_way}</p>
            </li>
            <li>
                <p class="name">支付时间：</p>
                <p>{$info.pay_time}</p>
            </li>
            <li>
                <p class="name">退货理由：</p>
                <input type="text" id="refund" placeholder="必填">
            </li>

        </ul>
    </div>
</div>

<div class="orderDet-footer">

    <p class="flex-center submitOrder">提交订单</p>

</div>

</body>
{include file="public/footer"/}
<script>
    $('.submitOrder').click(function () {
        var $refund = $("#refund").val();
        if (!$refund) {
            layer.msg('请填写退货理由');
            return false;
        }
        return common.request("{:url('order/refund_save')}", {id:'{$info.id}',refund: $refund})
    });
</script>
</html>